div
{
background-color: #D4E4EC;
}
body>div
{
border: 1px solid black;
height:388px;
width:458px;
}
form
{
margin: 7px 0px 2px 0px;
}
.keyboard
{
margin: 3px 10px 14px 5px;
float:right;
}
.keyboard td
{
height: 29px;
width: 36px;
padding:0px;
margin: 5;
text-align:center;
}
.right
{
text-align:right;
}
.display
{
line-height:60px;
background: -moz-linear-gradient(top, #E4ECFC , #fff);
margin: 14px 14px 6px 14px;
border: 1px solid black;
height:52px;
width:423px;
padding: 4px 5px 0px 0px;
text-align:right;
font-weight:bold;
}
.decim
{
margin: 6px 14px 3px 14px;
border: 1px solid black;
height:52px;
width:423px;
padding: 1px 2px 1px 1px;
}
.decim td
{
padding: 0px 23px 2px 2px;
font-family: "Consolas";
}
.decim  tr  
{
line-height:8px;
font-size:80%;
}
.checknum
{
margin: 12px 5px 5px 14px;
border: 1px solid black;
border-radius: 3px;
height:100px;
width:73px;
}
.checksize
{
margin: 8px 5px 5px 14px;
border: 1px solid black;
border-radius: 3px;
height:100px;
width:73px;
}
.inactive
{
margin:3px;
height: 28px;
width: 36px;
border: 1px solid black;
border-radius: 3px;
box-shadow: 1px 1px 0px #888;
background: #D4E4EC;
}
.active
{
background: -moz-linear-gradient(top, #F4F4FC , #D4E4EC);
margin:3px;
height: 29px;
width: 36px;
border-radius: 3px;
}
.active:hover
{
background: -moz-linear-gradient(top, #F0F0D0 , #F0D090);
}
.digit
{
margin: 1px 1px 1px 1px;
}
#zero
{
height: 29px;
width: 80px;
}
#ravno
{
height: 66px;
width: 36px;
}

